<template>
  <div>
    <MyCards :cards="data">
      <template #content>
        <div>内容</div>
      </template>
      <template #default="that">
        <ElButton @click="show1(that)">go</ElButton>
        <ElButton @click="show2(that)">to</ElButton>
      </template>
    </MyCards>
  </div>
</template>
<script lang="ts">
/**
 * 页面核心数据结构体说明文档
 *
 *
 */
// import from
import MyCards from '../components/MyCards.vue'
export default {
  name: 'RoundTwo',
  components: { MyCards },
  props: {
    sampleP: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {
      sampleD: 'value',
      data: [{ title: 'abc' }, { title: 'def' }, { title: 'ghi' }, { title: 'jkl' }]
    }
  },
  computed: {
    /* sampleC() {
      return this.sampleD + "--";
    }, */
  },
  created() {},
  mounted() {},
  methods: {
    // sampleM() {},
    show1(t: any) {
      console.log(t);
      this.$message('正在操作？？？')
    },
    show2(t: any) {
      console.log(t);
      console.log('正在操作？？？', this.data)
    }
  },
  watch: {
    // sampleP(n, o) {},
  }
}
</script>

<!--<style scoped>-->
<style lang="scss" scoped></style>
